<template>
    <headVue name="个人中心"></headVue>
    <MytopVue></MytopVue>
  <div class="my-box">
    <MymiddleVue class="middle"></MymiddleVue>
    <MybottomVue></MybottomVue>
  </div>
  </template>
  
  <script lang="ts" setup>
  import headVue from '@/components/head.vue';
  import MytopVue from '@/components/my/Mytop.vue';
  import MymiddleVue from '@/components/my/Mymiddle.vue';
  import MybottomVue from '@/components/my/Mybottom.vue';
  </script>
  
  <style scoped>
  .my-box{
    padding: 0rem 15px;
    background-color: #efefef;
    height: 100%;
  }
  .middle{
    padding-top:10px;
  }
  
  </style>